<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src ="jq.js">
    </script>
</head>
<body>
<form>
    <input type="submit" id="i1" value="不付钱离开" onclick="f1()">
    <input type="submit" id="i2" value="付钱离开">
    <input type="submit" id="i3" value="付钱不离开" class="jiazhong">
</form>

<div id="d1">

</div>
<script>
    // var k = document.getElementsByTagName('input');
    // for(i in k){
    //     if(k[i].localName === 'input'){
    //         k[i].style.color = ('blue');
    //     }
    // }
    // var j = document.getElementById('i1');
    // var j = $('#i1').css("color","yellow");
    var k = $("input");
    k.css("color",'green');

    $("#i2").click(function () {
            alert('客官请慢走')
        }
    );
    $("#i3").click(
        function () {
            alert('vip 加钟一小时');
        }
    );

    $("#d1").append(
        "<h1>vip包房</h1>"
    );
    $("#d1").append(
        "<h1>普通包房</h1>"
    )
    // k.val("加钟");

    // var l = $(".jiazhong")
</script>

</body>
</html>